
.tips{
    display: -webkit-box;
    display: box;
    min-height: 500px;
    height: 100%;
    -webkit-box-align:center;
    box-align: center;
}
.tips-items{
    -webkit-box-flex: 1;
    box-flex: 1;
    padding:0 20px;
}
.tips-images{
    width: 400px;
    height: 400px;
    float:right;
}
.noroot .tips-images{
 background: url(../images/403.svg) no-repeat;
 background-size: 320px;
 }
 .error .tips-images{
     background: url(../images/404.svg) no-repeat;
     background-size: 320px;
     background-position: center;
 }
 .wrong .tips-images{
    background: url(../images/500.svg) no-repeat;
    background-size: 320px;
    background-position: center;
}
.tips-items span{
    display: block;
    font-size:20px;
    color: rgba(0,0,0,.45);
}
.tips-items em{
    font-style: normal;
    font-size: 72px;
    font-weight:bold;
    color: #434e59;
}
.tips-items a{
    color: #fff;
    background: #1890ff;
    padding: 0 15px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    margin-top:16px;
    -webkit-transition:all .15s linear;
    transition:all .15s linear;
}
.tips-items a:hover{
    background: #40a9ff;
}
.tips-text{
    float: left;
}
